<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入 iconfont 字体图标 -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4621878_voxvf3a1tdp.css">
    <style>
        /* 清除原生自带的样式 */
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        /* 根节点的样式 */
        body {
            width: 100%;
        }

        /* 主容器的样式 */
        .wyContainer {
            height: 3600px;
            /* 最小宽度 */
            min-width: 1150px;
        }

        /* 顶部区域的样式 */
        .header {
            width: 100%;
            height: 176px;
            background-color: #fff;
        }

        /* 顶部导航栏区域的样式 */
        .header .headerNav {
            width: 100%;
            height: 36px;
            background-color: rgb(51, 51, 51);
        }

        /* 顶部导航栏的样式 */
        .headerNav .nav {
            width: 1090px;
            height: 36px;
            margin: 0 auto;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        /* 导航栏选项的样式 */
        .headerNav .nav>div {
            font-size: 12px;
            line-height: 36px;
            cursor: pointer;
        }

        /* 导航栏选项之间的竖线 */
        .nav>div:nth-child(n+2)::before {
            content: '';
            display: inline-block;
            height: 12px;
            border-left: 1px solid rgb(92, 92, 92);
            vertical-align: middle;
            margin: 0 10px;
        }

        /* 导航栏中 a标签 默认样式 */
        .nav>div a {
            text-decoration: none;
            color: rgb(204, 204, 204);
        }

        /* 导航栏中第4个选项的样式 */
        .nav>div:nth-child(4) {
            position: relative;

            a {
                color: rgb(204, 151, 88);
            }
        }

        /* 导航栏中 a标签 选中样式 */
        .nav>div:hover a {
            color: #fff;
        }

        .nav>div:nth-child(4) .selectMenu:hover+a {
            color: rgb(204, 151, 88);
        }

        .nav>div:nth-child(5) .selectMenu:hover+a {
            color: rgb(204, 204, 204);
        }

        /* 选中时显示下拉列表 */
        .nav>div:nth-child(4):hover .selectMenu,
        .nav>div:nth-child(5):hover .selectMenu {
            display: block;
        }

        /* 字体图标的样式 */
        .icon-down {
            font-size: 12px;
            color: rgb(92, 92, 92);
        }

        .icon-mobile {
            font-size: 12px;
            color: #fff
        }

        .icon-caret-up {
            line-height: 16px;
            color: #fff;
            position: absolute;
            top: -10px;
            left: 50%;
            margin-left: -8px;
        }

        .icon-wifi,
        .icon-customerservice,
        .icon-up {
            font-size: 32px;
            color: rgb(101, 104, 97);
        }

        /* 导航栏中第4个选项的下拉列表的样式 */
        .nav>div:nth-child(4) .selectMenu,
        .nav>div:nth-child(5) .selectMenu {
            width: 88px;
            height: 100px;
            background-color: #fff;
            position: absolute;
            left: 10px;
            display: none;
            z-index: 100;
            /* 盒子阴影 */
            box-shadow: 0px 0px 1px 1px rgb(204, 204, 204);
        }

        /* 导航栏中第5个选项的下拉列表的样式 */
        .nav>div:nth-child(5) .selectMenu {
            height: 133px;
        }

        /* 列表项的样式 */
        .selectMenu ul {
            width: 70%;
            line-height: 33px;
            margin: 0 auto;
            text-align: center;
            color: rgb(204, 204, 204);
        }

        /* 下拉列表选项之间的横线 */
        .selectMenu>ul>li:nth-child(n+2) {
            border-top: 1px solid rgb(204, 204, 204);
        }

        /* 列表项选中样式 */
        .selectMenu>ul>li:hover {
            color: rgb(180, 160, 120);
        }

        /* 搜索区域的样式 */
        .searchArea {
            width: 1090px;
            height: 110px;
            margin: 0 auto;
            display: flex;
        }

        /* logo区域的样式 */
        .searchArea .logo {
            width: 20%;
            height: 100%;
            display: flex;
            align-items: center;
        }

        /* logo的样式 */
        .logo img {
            width: 100%;
        }

        /* 搜索框的样式 */
        .searchArea .search {
            width: 60%;
            height: 80%;
            position: relative;
            left: 125px;
            top: 25px;
        }

        .search .inputArea {
            width: 530px;
            height: 30px;
            margin-bottom: 10px;
        }

        /* 左侧输入框的样式 */
        .inputArea input {
            width: 80%;
            height: 38px;
            box-sizing: border-box;
            border: 1px solid rgb(204, 151, 88);
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            outline: none;
            /* 背景图片属性设置icon */
            background-image: url("./images/search.png");
            background-repeat: no-repeat;
            background-size: 16px;
            background-position: left 10px center;
            padding-left: 36px;
            float: left;
        }

        /* 右侧按钮的样式 */
        .inputArea div {
            width: 20%;
            height: 38px;
            background-color: rgb(204, 151, 88);
            color: #fff;
            font-size: 18px;
            line-height: 38px;
            text-align: center;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            float: left;
        }

        /* 选中右侧按钮时的样式 */
        .inputArea div:hover {
            opacity: 0.7;
            cursor: pointer;
        }

        /* 推荐搜索列表的样式 */
        .search ul {
            width: 444px;
            height: 18px;
            position: relative;
            top: 5px;
            left: 15px;
        }

        /* 推荐搜索列表项的样式 */
        .search ul li {
            float: left;
            font-size: 12px;
            color: rgb(153, 153, 153);
        }

        /* 推荐搜索列表项中间的竖线 */
        .search ul li:nth-child(n+2)::before {
            content: '';
            display: inline-block;
            height: 12px;
            border-left: 1px solid rgb(204, 204, 204);
            vertical-align: middle;
            margin: 0 10px;
        }

        /* 选中搜索列表项时的样式 */
        .search ul li:nth-child(2) {
            color: rgb(204, 151, 88);
        }

        .search ul li:hover {
            color: rgb(204, 151, 88);
            cursor: pointer;
        }

        /* 购物车的样式 */
        .searchArea .cart {
            width: 20%;
            height: 80%;
            position: relative;
            top: 25px;
            left: 20px;
        }

        /* 购物车图标整体样式 */
        .cart .cartIcon {
            width: 60%;
            height: 40px;
            border: 1px solid rgb(204, 151, 88);
            border-radius: 20px;
            line-height: 40px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            color: rgb(204, 151, 88);
        }

        /* 购物车数量的样式 */
        .cartIcon .count {
            width: 16px;
            height: 16px;
            line-height: 16px;
            background-color: red;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            font-size: 12px;
        }

        /* 选中购物车时的样式 */
        .cartIcon:hover {
            background-color: rgb(245, 243, 239);
            cursor: pointer;
        }

        /* 横向导航菜单样式 */
        .menu {
            width: 1090px;
            height: 30px;
            margin: 0 auto;
        }

        /* 菜单列表的样式 */
        .menu .menuList {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* 设置列表项的样式 */
        .menuList li a {
            text-decoration: none;
            color: black;
            font-size: 15px;
            font-weight: bolder;
            box-sizing: border-box;
            padding-bottom: 2px;
        }

        /* 第一个列表项的样式 */
        .menuList li:first-child a {
            color: #CC9756;
            border-bottom: 3px solid #CC9756;
        }

        /* 其余列表项 hover 时的样式 */
        .menuList li:hover a {
            color: #CC9756;
            border-bottom: 3px solid #CC9756;
        }

        /* 居家生活的样式 */
        .homeLife {
            position: relative;
        }

        /* 商品分类展示列表的样式 */
        .homeLife .showList {
            /* width: 462px; */
            /* height: 565px; */
            border: 0.5px solid gray;
            background-color: white;
            position: absolute;
            visibility: hidden;
            margin-top: 4px;
            padding: 14px 20px 20px;
            display: flex;
        }

        /* 左侧列表的样式 */
        .left {
            width: 272px;
            height: 530px;
            margin-right: 24px;
            display: flex;
            flex-direction: column;
        }

        /* 右侧列表的样式 */
        .right {
            width: 124px;
            height: 206px;
        }

        /* 标题的样式 */
        .showList .title {
            height: 36px;
            display: flex;
            align-items: center;
            font-weight: bold;
            border-bottom: 1px solid rgb(204, 204, 204);
            margin-bottom: 10px;
        }

        /* 商品分类列表的整体样式 */
        .showList .list {
            width: 100%;
            height: 482px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        /* 商品分类列表项的样式 */
        .showList .list div {
            width: 124px;
            height: 50px;
            display: flex;
            align-items: center;
            margin-bottom: 3px;
            font-size: 14px;

            img {
                width: 50px;
            }
        }

        .showList .list div:hover {
            color: rgb(180, 160, 120);
            cursor: pointer;
        }

        /* 选中列表项时显示商品分类展示列表 */
        .homeLife:hover .showList {
            visibility: visible;
        }

        /* 内容展示区的样式 */
        .content {
            width: 100%;
            /* height: 5000px; */
        }

        /* 展示图片的样式 */
        .content .wyImage {
            width: 100%;
            height: 420px;
            display: flex;
            justify-content: center;
            background-color: rgb(245, 245, 245);
            overflow: hidden;

            img {
                height: 420px;
            }
        }

        /* 新品展示区域的样式 */
        .content .proArea1 {
            width: 1090px;
            height: 510px;
            margin: 0 auto;
            margin-top: 10px;
        }

        /* 标题区域的样式 */
        .proArea1 .titleArea {
            width: 100%;
            height: 50px;
            display: flex;
            align-items: flex-end;
            padding-bottom: 10px;
            box-sizing: border-box;
        }

        .proArea1 .titleArea .t1 {
            width: 11%;
            font-size: 26px;
            font-weight: bold;
        }

        .proArea1 .titleArea .t1:hover {
            color: rgb(204, 151, 88);
            cursor: pointer;
        }

        .proArea1 .titleArea .t2 {
            width: 15%;
            font-size: 14px;
            font-weight: lighter;
        }

        .proArea1 .titleArea .t3 {
            width: 74%;
            text-align: right;
            font-size: 14px;
            font-weight: lighter;
        }

        .proArea1 .titleArea .t3:hover {
            cursor: pointer;
            color: rgb(204, 151, 88);
        }

        /* 新品发布-商品展示区域 */
        .proArea1 .proShow {
            width: 100%;
            height: 365px;
            display: flex;
            justify-content: space-between;
        }

        /* 商品卡片整体样式 */
        .proArea1 .proShow>div {
            width: 265px;
            height: 365px;
        }

        /* 选中商品卡片时改变样式 */
        .proArea1 .proShow>div:hover {
            box-shadow: 0px 0px 3px 1px rgb(204, 204, 204);
            background-color: rgb(244, 240, 234);
        }

        /* 商品卡片背景图片样式 */
        .proArea1 .proShow>div .proImg {
            width: 265px;
            height: 265px;
            background-color: rgb(244, 244, 244);
        }

        /* 第一个卡片的背景图片 */
        .p1 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/df31c1d9cf2973f67e82e7c1de4d1a59.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p1 hover时 改变背景图片 */
        .p1:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/da59d01f74679ddef05480b4cdeff6ac.jpg?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 第二个卡片的背景图片 */
        .p2 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/8ba8d30725f92562fc9aa034cd738145.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p2 hover时 改变背景图片 */
        .p2:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/e4fc4335591b4e20224bdc42fa32718a.jpg?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 第三个卡片的背景图片 */
        .p3 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/d1fac5f5f5c5b585a142e0a8fdbcb81e.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p3 hover时 改变背景图片 */
        .p3:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/cbfa4f91a2ac5d78d5b7a42672337aad.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 第四个卡片的背景图片 */
        .p4 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/6888c3bbad0d2e57ae2dd35eb36016b4.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p4 hover时 改变背景图片 */
        .p4:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/56c2300183f32b23bc9143931ff1fb17.jpg?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 商品描述的样式 */
        .proArea1 .proShow>div .proDesc {
            width: 70%;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            margin-top: 10px;

            a {
                color: black;
                text-decoration: none;
            }
        }

        .proArea1 .proShow>div .proDesc:hover a {
            color: rgb(204, 151, 88);
        }


        /* 商品价格的样式 */
        .proArea1 .proShow>div .proPrice {
            color: rgb(212, 40, 45);
            width: 40%;
            margin: 0 auto;
            text-align: center;
            font-size: 13px;
            margin-top: 10px;
        }

        /* 原价的样式 */
        .proArea1 .zkPrice {
            color: rgb(204, 204, 204);
            text-decoration: line-through;
        }

        /* 编辑推荐商品展示区域的样式 */
        .content .proArea2 {
            width: 100%;
            height: 738px;
            background-color: rgb(244, 240, 234);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        /* 标题区域的样式 */
        .proArea2 .titleArea {
            width: 1090px;
            height: 28px;
            margin-bottom: 20px;
            display: flex;
            align-items: flex-end;
            position: relative;
        }

        .proArea2 .titleArea .t1 {
            width: 11%;
            font-size: 26px;
            font-weight: bold;
            margin-right: 20px;
        }

        .proArea2 .titleArea .t2 {
            width: 70px;
            height: 28px;
            font-size: 14px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: rgb(180, 160, 120);
            border-bottom: 3px solid rgb(180, 160, 120);
            margin-right: 55px;
        }

        .proArea2 .titleArea .t3 {
            width: 70px;
            height: 28px;
            font-size: 14px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 55px;
            border-bottom: 3px solid rgb(244, 240, 234);
        }

        .proArea2 .titleArea .t4 {
            width: 100px;
            height: 28px;
            position: absolute;
            right: 0;
            display: flex;
            justify-content: right;
            align-items: flex-end;
            font-size: 14px;
            font-weight: lighter;
        }

        .proArea2 .titleArea>div:hover {
            color: rgb(180, 160, 120);
            cursor: pointer;
        }

        /* 商品展示区域的样式 */
        .proArea2 .proShow {
            width: 1090px;
            height: 570px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        /* 设置六个小宫格 */
        .proArea2 .proShow>div {
            width: 223px;
            height: 280px;
            margin-left: 10px;
            background-color: #fff;
            display: flex;
            flex-direction: column;
        }

        .proArea2 .proShow>div:nth-child(n+2) .proImg {
            width: 100%;
            height: 180px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 10px;
            border-bottom: 1px solid rgb(244, 240, 234);

            img {
                width: 180px;
                height: 180px;
                transition-property: width, height;
                transition-duration: 1s;
            }
        }

        .proArea2 .proShow>div:nth-child(odd) {
            margin-top: 10px;
        }

        .proArea2 .proShow>div:nth-child(n+2) .proImg:hover img {
            width: 189px;
            height: 189px;
            cursor: pointer;
        }

        /* 商品描述的样式 */
        .proArea2 .proShow>div:nth-child(n+2) .proDesc {
            width: 70%;
            margin: 0 auto;
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            margin-top: 10px;

            a {
                color: black;
                text-decoration: none;
            }
        }

        .proArea2 .proShow>div:nth-child(n+2) .proDesc:hover a {
            color: rgb(180, 160, 120);
            cursor: pointer;
        }


        /* 商品价格的样式 */
        .proArea2 .proShow>div:nth-child(n+2) .proPrice {
            color: rgb(212, 40, 45);
            width: 40%;
            margin: 0 auto;
            text-align: center;
            font-size: 13px;
            margin-top: 10px;
        }

        /* 原价的样式 */
        .proArea2 .proShow>div:nth-child(n+2) .zkPrice {
            font-size: 12px;
            color: rgb(204, 204, 204);
            text-decoration: line-through;
        }

        /* 左侧大宫格的样式 */
        .proArea2 .proShow>div:nth-child(1) {
            width: 390px;
            height: 570px;
            margin-left: 0;
            margin-top: 0;
            display: flex;
            flex-direction: column;
        }

        .proArea2 .proShow>div:nth-child(1) .proImg {
            width: 100%;
            height: 400px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
            border-bottom: 1px solid rgb(244, 240, 234);

            img {
                width: 320px;
                height: 320px;
                transition-property: width, height;
                transition-duration: 1s;
            }
        }

        .proArea2 .proShow>div:nth-child(1) .proImg:hover img {
            width: 336px;
            height: 336px;
            cursor: pointer;
        }

        /* 商品描述的样式 */
        .proArea2 .proShow>div .proDesc {
            width: 70%;
            margin: 0 auto;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            margin-top: 10px;

            a {
                color: black;
                text-decoration: none;
            }
        }

        .proArea2 .proShow>div .proDesc:hover a {
            color: rgb(180, 160, 120);
            cursor: pointer;
        }


        /* 商品价格的样式 */
        .proArea2 .proShow>div .proPrice {
            color: rgb(212, 40, 45);
            width: 40%;
            margin: 0 auto;
            text-align: center;
            font-size: 18px;
            margin-top: 10px;
        }

        /* 原价的样式 */
        .proArea2 .zkPrice {
            font-size: 14px;
            color: rgb(204, 204, 204);
            text-decoration: line-through;
        }

        /* 编辑推荐商品展示区域的样式 */
        .content .proArea3 {
            width: 1090px;
            height: 789px;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
        }

        /* 标题区域的样式 */
        .proArea3 .titleArea {
            width: 100%;
            height: 28px;
            margin-bottom: 20px;
            display: flex;
            align-items: flex-end;
            position: relative;
        }

        .proArea3 .titleArea .t1 {
            width: 11%;
            font-size: 26px;
            font-weight: bold;
            margin-right: 20px;
        }

        .proArea3 .titleArea .t2 {
            width: 632px;
            height: 28px;
            font-size: 14px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: 0;
        }

        .proArea3 .titleArea .t2 b {
            margin: 0 13px 0 13px;
        }

        .proArea3 .titleArea .t2>div:hover {
            color: rgb(180, 160, 120);
            cursor: pointer;
        }

        /* 主题图片的样式 */
        .proArea3 .mainImg {
            width: 100%;
            height: 310px;
            background-image: url('https://yanxuan.nosdn.127.net/403ef629810368c9b3e0e6fd863ebb4e.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95');
            margin-bottom: 20px;
        }

        /* 床品-商品展示区域 */
        .proArea3 .proShow {
            width: 100%;
            height: 365px;
            display: flex;
            justify-content: space-between;
        }

        /* 商品卡片整体样式 */
        .proArea3 .proShow>div {
            width: 265px;
            height: 365px;
        }

        /* 选中商品卡片时改变样式 */
        .proArea3 .proShow>div:hover {
            box-shadow: 0px 0px 3px 1px rgb(204, 204, 204);
            background-color: rgb(244, 240, 234);
        }

        /* 商品卡片背景图片样式 */
        .proArea3 .proShow>div .proImg {
            width: 265px;
            height: 265px;
            background-color: rgb(244, 244, 244);
        }

        /* 第一个卡片的背景图片 */
        .proArea3 .proShow .p1 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/b1f7d3096d12d0e4f9e0bbc7232e9295.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p1 hover时 改变背景图片 */
        .proArea3 .proShow .p1:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/f987f15aa4a31ef7d882a5a828965bba.jpg?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 第二个卡片的背景图片 */
        .proArea3 .proShow .p2 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/c295bb86e742122637445cc430499fbe.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p2 hover时 改变背景图片 */
        .proArea3 .proShow .p2:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/6366e6682cbf9e4add0559878881b655.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 第三个卡片的背景图片 */
        .proArea3 .proShow .p3 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/434c11e71de0383cd744ffe3328fcb29.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p3 hover时 改变背景图片 */
        .proArea3 .proShow .p3:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/ac931886418a1cc7f448f83144502048.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 第四个卡片的背景图片 */
        .proArea3 .proShow .p4 .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/7d5ea424cd88d230a16df02f5d4be634.png?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* p4 hover时 改变背景图片 */
        .proArea3 .proShow .p4:hover .proImg {
            background-image: url("https://yanxuan-item.nosdn.127.net/8b9d1671522b1551bbbdd02aacc922bf.jpg?type=webp&quality=95&thumbnail=265x265&imageView");
            background-size: 265px 265px;
        }

        /* 商品描述的样式 */
        .proArea3 .proShow>div .proDesc {
            width: 157px;
            height: 37px;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            margin-top: 10px;

            a {
                color: black;
                text-decoration: none;
            }
        }

        .proArea3 .proShow>div .proDesc:hover a {
            color: rgb(204, 151, 88);
        }


        /* 商品价格的样式 */
        .proArea3 .proShow>div .proPrice {
            color: rgb(212, 40, 45);
            width: 40%;
            margin: 0 auto;
            text-align: center;
            font-size: 13px;
            margin-top: 10px;
        }

        /* 原价的样式 */
        .proArea3 .zkPrice {
            color: rgb(204, 204, 204);
            text-decoration: line-through;
        }

        /* 甄选家的样式 */
        .zhenXuanJia {
            height: 428px;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* 标题区域的样式 */
        .zhenXuanJia .titleArea {
            width: 1090px;
            height: 28px;
            margin-bottom: 20px;
            display: flex;
            align-items: flex-end;
        }

        .zhenXuanJia .titleArea .t1 {
            width: 84px;
            font-size: 26px;
            font-weight: bold;
            margin-right: 20px;
        }

        .zhenXuanJia .titleArea .t2 {
            width: 196px;
            height: 28px;
            font-size: 14px;
            display: flex;
            align-items: flex-end;
        }

        /* 图片区域的样式 */
        .zhenXuanJia .imgArea {
            width: 1090px;
            height: 380px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .zhenXuanJia .imgArea img:nth-child(n+2) {
            margin-left: 10px;
            /* margin-bottom: 10px; */
        }

        .zhenXuanJia .imgArea img:nth-child(2) {
            margin-left: 10px;
            margin-bottom: 10px;
        }

        /* 大家都在说的样式 */
        .content .douZaiShuo {
            width: 100%;
            height: 660px;
            background-color: rgb(244, 240, 234);
            margin-top: 60px;
        }

        /* 标题的样式 */
        .content .douZaiShuo .titleArea {
            width: 1090px;
            padding: 60px;
            margin: 0 auto;
            display: flex;
            align-items: flex-end;
        }

        .douZaiShuo .titleArea .t1 {
            width: 140px;
            font-size: 26px;
            font-weight: bold;
            margin-right: 20px;
        }

        .douZaiShuo .titleArea .t2 {
            width: 196px;
            height: 28px;
            font-size: 14px;
            display: flex;
            align-items: flex-end;
        }

        /* 左边粘滞定位 */
        .stickyLeft {
            width: 110px;
            height: 363px;
            float: left;
            margin-left: 140px;
            margin-top: 20px;
            /* 粘滞定位 */
            position: sticky;
            top: 0;
            border-radius: 5px;
            border: 1px solid rgb(204, 204, 204);
            overflow: hidden;
            z-index: 100;
            background-color: #fff;
        }

        @media (max-width: 1500px) {
            .stickyLeft {
                left: 0;
                margin-left: 0;
            }
        }

        /* 左边粘滞定位的标题样式 */
        .stickyLeft .title {
            height: 38px;
            color: rgb(187, 51, 67);
            font-size: 16px;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url("https://yanxuan.nosdn.127.net/7c1853dd59b79d823ad3c4f3a0330049.png?imageView&type=webp");
            border-bottom: 1px solid rgb(204, 204, 204);
        }

        /* 左边粘滞定位的列表样式 */
        .stickyLeft .list {
            width: 100%;
            height: 325px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        /* 左边粘滞定位的列表项样式 */
        .stickyLeft .list>li {
            width: 86px;
            height: 36px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            font-size: 12px;

            img {
                width: 30px;
                height: 30px;
            }
        }

        /* 第一个列表项的样式 */
        .stickyLeft .list>li:nth-child(1) {
            color: rgb(187, 51, 67);
            font-weight: bold;
        }

        /* 列表项之间的横线 */
        .stickyLeft .list>li:nth-child(n+2) {
            border-top: 1px solid rgb(204, 204, 204);
        }

        /* 列表项被选中时的样式 */
        .stickyLeft .list>li:nth-child(n+2):hover {
            color: rgb(187, 51, 67);
            cursor: pointer;
        }

        /* 右边粘滞定位 */
        .stickyRight {
            width: 72px;
            margin-top: 20px;
            float: right;
            /* 粘滞定位 */
            position: sticky;
            top: 0;
            display: flex;
            flex-direction: column;
            background-color: #fff;
        }

        /* 右边粘滞定位分块统一样式 */
        .stickyRight>div {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
        }

        /* 横线样式 */
        .stickyRight>div:nth-child(n+2)::before {
            content: '';
            width: 64px;
            margin: 5px 0 5px 0;
            border-bottom: 1px solid rgb(234, 234, 234);
        }

        /* 二维码样式 */
        .stickyRight .d1 {
            font-size: 12px;

            img {
                width: 70px;
                height: 70px;
            }

            span {
                color: rgb(188, 59, 59);
            }
        }

        /* 其他块样式 */
        .stickyRight .d2,
        .stickyRight .d3,
        .stickyRight .d4 {
            font-size: 14px;
            color: rgb(102, 102, 102);
        }

        /* 选中时的样式 */
        .stickyRight .d2:hover,
        .stickyRight .d3:hover,
        .stickyRight .d4:hover {
            color: rgb(207, 153, 91);
            cursor: pointer;

            i {
                color: rgb(207, 153, 91);
            }
        }

        /* 底部区域的样式 */
        .footer {
            height: 628px;
            width: 100%;
            padding-top: 60px;
            padding-bottom: 34px;
        }

        .footer .f1 {
            height: 298px;
            width: 1090px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .f1>div {
            width: 323px;
            height: 204px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            /* align-items: center; */
            flex-grow: 1;
            padding: 20px;

            h4 {
                line-height: 16px;
                width: 100%;
                text-align: center;
                font-weight: normal;
            }
        }

        .f1 .d1>div:hover {
            cursor: pointer;
            color: rgb(180, 160, 120);

            i {
                color: rgb(180, 160, 120);
            }
        }

        .f1>div:nth-child(n+2) {
            border-left: 1px solid rgb(233, 233, 233);
        }

        .f1 .d1>div {
            width: 75px;
            height: 100px;
            margin: 20px;
            border: 1px solid rgb(232, 232, 232);
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;

            i {
                font-size: 30px;
                color: rgb(102, 106, 107);
            }
        }

        .f1 .d2 .textArea {
            width: 288px;
            height: 108px;
            font-size: 12px;
        }

        .f1 .d2 .follow {
            display: flex;
            align-items: center;
            font-size: 15px;

            i {
                font-size: 30px;
            }
        }

        .f1 .d2 i {
            font-size: 20px;
            margin: 5px;
        }

        .f1 .d2 i:nth-child(1) {
            color: #68a5e1;
        }

        .f1 .d2 i:nth-child(2) {
            color: #f56467;
        }

        .f1 .d2 i:nth-child(3) {
            color: #33cc00;
        }

        .f1 .d3 {
            width: 288px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;

            img {
                width: 104px;
                height: 104px;
                margin: 20px;
            }

            span {
                font-size: 12px;
                color: rgb(180, 160, 120);
            }
        }
    </style>
</head>

<body>
    <!-- 主容器 -->
    <div class="wyContainer">
        <!-- 头部区域 -->
        <div class="header">
            <!-- 顶部导航栏区域 -->
            <div class="headerNav">
                <!-- 导航栏 -->
                <div class="nav">
                    <div><a href="">登录/注册</a></div>
                    <div><a href="">我的订单</a></div>
                    <div><a href="">甄选家</a></div>
                    <div>
                        <!-- 下拉列表 -->
                        <div class="selectMenu">
                            <i class="iconfont icon-caret-up"></i>
                            <!-- 列表项 -->
                            <ul>
                                <li>严选智采</li>
                                <li>企业购</li>
                                <li>联系我们</li>
                            </ul>
                        </div>
                        <a href="">企业采购 </a>
                        <i class="iconfont icon-down"></i>
                    </div>
                    <div style="position: relative;">
                        <!-- 下拉列表 -->
                        <div class="selectMenu">
                            <i class="iconfont icon-caret-up"></i>
                            <!-- 列表项 -->
                            <ul>
                                <li>在线客服</li>
                                <li>帮助中心</li>
                                <li>商务合作</li>
                                <li>开放平台</li>
                            </ul>
                        </div>
                        <a href="">客户服务 </a><i class="iconfont icon-down"></i>
                    </div>
                    <div><i class="iconfont icon-mobile"></i> <a href="">APP</a></div>
                </div>
            </div>
            <!-- 搜索区域 -->
            <div class="searchArea">
                <!-- logo区域 -->
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <!-- 搜索框 -->
                <div class="search">
                    <div class="inputArea">
                        <!-- 输入框 -->
                        <input type="text" placeholder="肉食动物">
                        <!-- 搜索按钮 -->
                        <div>搜索</div>
                    </div>
                    <!-- 推荐搜索列表 -->
                    <ul>
                        <li>肉食动物</li>
                        <li>牛奶</li>
                        <li>拖鞋</li>
                        <li>蓝牙耳机</li>
                        <li>猫粮</li>
                        <li>牙膏</li>
                        <li>毛巾</li>
                        <li>茶</li>
                        <li>拖把</li>
                    </ul>
                </div>
                <!-- 购物车 -->
                <div class="cart">
                    <!-- 购物车图标 -->
                    <div class="cartIcon">
                        <!-- icon -->
                        <i class="iconfont icon-cart"></i>
                        <!-- 文字 -->
                        <div class="title">购物车</div>
                        <!-- 数量 -->
                        <div class="count">0</div>
                    </div>

                </div>
            </div>
            <!-- 横向导航菜单 -->
            <div class="menu">
                <!-- 菜单列表 -->
                <ul class="menuList">
                    <li><a href="#">首页</a></li>
                    <li class="homeLife">
                        <a href="#">居家生活</a>
                        <!-- 商品分类展示列表 -->
                        <div class="showList">
                            <div class="left">
                                <div class="title">床品家纺</div>
                                <div class="list">
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView"
                                            alt=""> 四件套</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/3d59676c9257ed1e7d2b9a3514e2a97c.png?quality=95&type=webp&imageView"
                                            alt=""> 四季套</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/bf37171f595d7111ab2dff6c72f2179b.png?quality=95&type=webp&imageView"
                                            alt=""> 凉席蚊帐</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/70c2bdece979992ea57021bc670acec7.png?quality=95&type=webp&imageView"
                                            alt=""> 乳胶枕</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/83b1f3363ef9a9684651136b49bc510f.png?quality=95&type=webp&imageView"
                                            alt=""> 枕头</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/8fc4fc9dbd284ceeacae9465abce0425.png?quality=95&type=webp&imageView"
                                            alt=""> 盖毯</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/6d0d87c7cf8b70a4974cd188841ca368.png?quality=95&type=webp&imageView"
                                            alt=""> 床笠枕套</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/7812caf77540ead7a3d46fbea4f7ab29.png?quality=95&type=webp&imageView"
                                            alt=""> 被子</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/5d74c1e70d49be6deee34d0cf9f6b85d.png?quality=95&type=webp&imageView"
                                            alt=""> 毯子</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/be72de9243cb293ff977f26aa6a7cdc4.png?quality=95&type=webp&imageView"
                                            alt=""> 秋冬款</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/9e3600d58d4b1fa4355f9ec968d69459.png?quality=95&type=webp&imageView"
                                            alt=""> 儿童床品</div>
                                </div>
                            </div>
                            <div class="right">
                                <div class="title">床垫床褥</div>
                                <div class="list">
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/750dcd83b1e674dad595d9955f62516d.jpg?quality=95&type=webp&imageView"
                                            alt=""> 床垫</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/68fc05e5be5d4de36291ecaf830436a6.png?quality=95&type=webp&imageView"
                                            alt=""> 床褥</div>
                                    <div><img
                                            src="https://yanxuan.nosdn.127.net/ddcc191110ea91d747f621b63fa30cc8.png?quality=95&type=webp&imageView"
                                            alt=""> 乳胶床褥</div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">宠物生活</a></li>
                    <li><a href="#">服饰鞋包</a></li>
                    <li><a href="#">美食酒水</a></li>
                    <li><a href="#">个护清洁</a></li>
                    <li><a href="#">母婴亲子</a></li>
                    <li><a href="#">运动旅行</a></li>
                    <li><a href="#">数码家电</a></li>
                    <li><a href="#">严选全球</a></li>
                    <li><a href="#">为你严选</a></li>
                    <li><a href="#">众筹</a></li>
                </ul>
            </div>
        </div>
        <!-- 内容展示区 -->
        <div class="content">
            <!-- 网站展示图片 -->
            <div class="wyImage">
                <img src="https://yanxuan.nosdn.127.net/static-union/16653843234a47a0.png?type=webp&imageView&quality=95&thumbnail=1920x420"
                    alt="">
            </div>
            <!-- 两个粘滞定位的浮动窗口 -->
            <aside class="stickyLeft">
                <div class="title">- 热销榜 -</div>
                <ul class="list">
                    <li><img src="https://yanxuan.nosdn.127.net/d83d6cc58589e7b9540e57809920d961.png?quality=95&type=webp&imageView"
                            alt=""> 全站<br>热销榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/288d84fe691240d9f87271b293f39b67.png?quality=95&type=webp&imageView"
                            alt=""> 居家<br>生活榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/2318b65e996e14bc0707880040dfabb0.png?quality=95&type=webp&imageView"
                            alt=""> 服饰<br>鞋包榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/8ca4557361e2fff394a5a94d0b73f3c6.png?quality=95&type=webp&imageView"
                            alt=""> 美食<br>酒水榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/270bc2465ac7eed90ada40c92166678b.png?quality=95&type=webp&imageView"
                            alt=""> 数码<br>家电榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/4723267aef758a7d805bb7c1447fdc44.png?quality=95&type=webp&imageView"
                            alt=""> 个护<br>清洁榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/eec3af53eb17a4b117043e18ae7c7418.png?quality=95&type=webp&imageView"
                            alt=""> 运动<br>旅游榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/a94b2f7f7ada813ae9c93f84d3d60d6f.png?quality=95&type=webp&imageView"
                            alt=""> 母婴<br>亲子榜</li>
                    <li><img src="https://yanxuan.nosdn.127.net/9cb33f543dddd54c7cc157d29650dbf4.png?quality=95&type=webp&imageView"
                            alt=""> 全球<br>特色榜</li>
                </ul>
            </aside>
            <aside class="stickyRight">
                <div class="d1"><img src="https://yanxuan.nosdn.127.net/static-union/166020791894cf1d.png"
                        alt="">扫码领<br><span>APP大额<br>新人红包</span></div>
                <div class="d2"><i class="iconfont icon-wifi"></i>订阅电子刊</div>
                <div class="d3"><i class="iconfont icon-customerservice"></i>在线客服</div>
                <div class="d4"><i class="iconfont icon-up"></i>回顶部</div>
            </aside>
            <!-- 新品首发-商品展示区域 -->
            <div class="proArea1">
                <!-- 标题区域 -->
                <div class="titleArea">
                    <div class="t1">新品发布</div>
                    <div class="t2">为你寻觅世间好物</div>
                    <div class="t3">更多新品></div>
                </div>
                <!-- 商品展示区域 -->
                <div class="proShow">
                    <div class="p1">
                        <!-- 商品图片 -->
                        <div class="proImg"></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">来自沙漠的甜蜜献礼 民勤金红宝蜜瓜</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥10.9 <span class="zkPrice">￥16.9</span></div>
                    </div>
                    <div class="p2"><a href=""><!-- 商品图片 -->
                            <div class="proImg"></div>
                            <!-- 商品描述 -->
                            <div class="proDesc"><a href="">Pro星选 黑猪肉小笼包子 2.5kg量贩装 100枚</a></div>
                            <!-- 商品价格 -->
                            <div class="proPrice">￥129 <span class="zkPrice">￥269</span></div>
                        </a></div>
                    <div class="p3"><a href=""><!-- 商品图片 -->
                            <div class="proImg"></div>
                            <!-- 商品描述 -->
                            <div class="proDesc"><a href="">网易严选系列湿巾</a></div>
                            <!-- 商品价格 -->
                            <div class="proPrice">￥23.9 <span class="zkPrice">￥29.9</span></div>
                        </a></div>
                    <div class="p4"><a href=""><!-- 商品图片 -->
                            <div class="proImg"></div>
                            <!-- 商品描述 -->
                            <div class="proDesc"><a href="">个头大，肉厚核薄 四川攀枝花凯特芒果</a></div>
                            <!-- 商品价格 -->
                            <div class="proPrice">￥12.9 <span class="zkPrice">￥19.9</span></div>
                        </a></div>
                </div>
            </div>
            <!-- 人气推荐-商品展示区域 -->
            <div class="proArea2">
                <!-- 标题区域 -->
                <div class="titleArea">
                    <div class="t1">人气推荐</div>
                    <div class="t2">编辑推荐</div>
                    <div class="t3">热销总榜</div>
                    <div class="t4">更多推荐></div>
                </div>
                <div class="proShow">
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/df6469193883498c4c1014d113a927f9.png?type=webp&quality=95&thumbnail=320x320&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">纽仕兰新西兰4.0g蛋白全/低脂纯牛奶 24盒</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥89 <span class="zkPrice">￥109</span></div>
                    </div>
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/19e168f7b1ea1fdf525c10659839a547.png?type=webp&quality=95&thumbnail=180y180&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">小团圆蛋黄酥礼盒 红豆味 53g*6枚</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥29.9 <span class="zkPrice">￥35.9</span></div>
                    </div>
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/1b766570fb885d34e412f4eb5e0e3697.png?type=webp&quality=95&thumbnail=180y180&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">≥20%纯牛乳，云朵吐司 巧克力味 400g</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥19.9 <span class="zkPrice">￥25</span></div>
                    </div>
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/1231a1fd0e69749bf25a36f9acdc65b2.png?type=webp&quality=95&thumbnail=180y180&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">能除臭的空气浴室香氛 厕所除味香薰</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥14.8 <span class="zkPrice">￥19.9</span></div>
                    </div>
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/2c0147161faaa160cf10b6770f1e290d.png?type=webp&quality=95&thumbnail=180y180&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">清新英国梨香，强力去污酵素洗衣液</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥13.9 <span class="zkPrice">￥17.9</span></div>
                    </div>
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/339698d8e6acc230cbdaafb5271d40ad.png?type=webp&quality=95&thumbnail=180y180&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">可以吃的“薄脆冻干咖啡”，咖啡饼干</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥16.9 <span class="zkPrice">￥19.9</span></div>
                    </div>
                    <div>
                        <!-- 商品图片 -->
                        <div class="proImg"><img
                                src="https://yanxuan-item.nosdn.127.net/ff10d4706b3f118bd24b1bbb16315180.png?type=webp&quality=95&thumbnail=180y180&imageView"
                                alt=""></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">皮酥肉嫩易脱骨，虎皮凤爪 175g（香辣味）</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥20.9 <span class="zkPrice">￥26</span></div>
                    </div>
                </div>
            </div>
            <!-- 床品-商品展示区域 -->
            <div class="proArea3">
                <!-- 标题区域 -->
                <div class="titleArea">
                    <div class="t1">床品</div>
                    <div class="t2">
                        <div>四季款</div><b>/</b>
                        <div>乳胶床垫</div><b>/</b>
                        <div>乳胶枕</div><b>/</b>
                        <div>凉席蚊帐</div><b>/</b>
                        <div>四件套</div><b>/</b>
                        <div>秋冬款</div><b>/</b>
                        <div>四季床品</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div>查看更多></div>
                    </div>
                </div>
                <!-- 展示主题图片 -->
                <div class="mainImg"></div>
                <!-- 商品展示区域 -->
                <div class="proShow">
                    <div class="p1">
                        <!-- 商品图片 -->
                        <div class="proImg"></div>
                        <!-- 商品描述 -->
                        <div class="proDesc"><a href="">【新疆棉】日式全棉格纹四件套</a></div>
                        <!-- 商品价格 -->
                        <div class="proPrice">￥249 <span class="zkPrice">￥329</span></div>
                    </div>
                    <div class="p2"><a href=""><!-- 商品图片 -->
                            <div class="proImg"></div>
                            <!-- 商品描述 -->
                            <div class="proDesc"><a href="">整晚减压好眠 泰国93%含量天然乳胶波浪枕</a></div>
                            <!-- 商品价格 -->
                            <div class="proPrice">￥109 <span class="zkPrice">￥159</span></div>
                        </a></div>
                    <div class="p3"><a href=""><!-- 商品图片 -->
                            <div class="proImg"></div>
                            <!-- 商品描述 -->
                            <div class="proDesc"><a href="">裸睡亲肤 经典A类针织 四件套</a></div>
                            <!-- 商品价格 -->
                            <div class="proPrice">￥181.3 <span class="zkPrice">￥259</span></div>
                        </a></div>
                    <div class="p4"><a href=""><!-- 商品图片 -->
                            <div class="proImg"></div>
                            <!-- 商品描述 -->
                            <div class="proDesc"><a href="">每一口都有九种肉，全价猫粮</a></div>
                            <!-- 商品价格 -->
                            <div class="proPrice">￥8 <span class="zkPrice">￥9.9</span></div>
                        </a></div>
                </div>
            </div>
            <!-- 甄选家 -->
            <div class="zhenXuanJia">
                <!-- 标题区域 -->
                <div class="titleArea">
                    <div class="t1">甄选家</div>
                    <div class="t2">我们在寻找，对生活有态度的你</div>
                </div>
                <!-- 图片区域 -->
                <div class="imgArea">
                    <img src="https://yanxuan.nosdn.127.net/b21b20f34d5007f961c182273a5d429f.jpg?type=webp&imageView&quality=95&thumbnail=690y380"
                        alt="">
                    <img src="https://yanxuan.nosdn.127.net/9548e1f1a0ba0436cb13d586c50284be.jpg?type=webp&imageView&quality=95&thumbnail=390y185"
                        alt="">
                    <img src="https://yanxuan.nosdn.127.net/4a56bf536141eb2ad84f8f8f0e0418ab.jpg?type=webp&imageView&quality=95&thumbnail=390y185"
                        alt="">
                </div>
            </div>
            <!-- 大家都在说 -->
            <div class="douZaiShuo">
                <div class="titleArea">
                    <div class="t1">大家都在说</div>
                    <div class="t2">生活，没有统一标准</div>
                </div>
            </div>
        </div>
        <!-- 底部区域 -->
        <div class="footer">
            <div class="f1">
                <div class="d1">
                    <h4>客户服务</h4>
                    <div><i class="iconfont icon-customerservice"></i>在线客服</div>
                    <div><i class="iconfont icon-message"></i>用户反馈</div>
                </div>
                <div class="d2">
                    <h4>何为网易严选</h4>
                    <div class="textArea">网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计,
                        不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</div>
                    <div class="follow">关注我们：<i class="iconfont icon-qq"></i><i class="iconfont icon-weibo"></i><i
                            class="iconfont icon-weixin"></i></div>
                </div>
                <div class="d3">
                    <h4>扫码下载严选APP</h4>
                    <img src="./images/下载.png" alt="">
                    <span>下载领大额新人红包</span>
                </div>
            </div>
            <div class="f2">
                <div class="d1"></div>
                <div class="d2"></div>
            </div>
        </div>
    </div>
</body>

</html>